<!DOCTYPE html>
<%@ page contentType="text/html; charset=UTF-8"  %>
<%
	String basePath = request.getScheme()
			+ "://"
			+ request.getServerName()
			+ ":"
			+ request.getServerPort()
			+ request.getContextPath()
			+ "/";
%>
<!--写 base 标签，永远固定相对路径跳转的结果-->
<base href="<%=basePath%>">

<html>
<head>
	<base href="<%=basePath%>">
	<meta charset="UTF-8">
	<title>叮叮会员登录页面</title>
	<link type="text/css" rel="stylesheet" href="../../static/css/style.css" >
	<script type="text/javascript" src="../../static/script/jquery-1.7.2.js"></script>
</head>
<body>
<%=basePath%>
<div id="login_header">

</div>

<div class="login_banner">

	<div id="l_content">
		<span class="login_word">欢迎登录</span>
	</div>

	<div id="content">
		<div class="login_form">
			<div class="login_box">
				<div class="tit">
					<h1>叮叮会员</h1>
					<a href="pages/user/regist.jsp">立即注册</a>
				</div>
				<div class="msg_cont">
					<b></b>
					<span class="errorMsg">
<%--						${empty requestScope.msg ? "请输入用户名和密码":request.getAttribute("msg")}--%>
						<%=request.getAttribute("msg")==null ?"请输入用户名和密码":request.getAttribute("msg")%>
					</span>
				</div>
				<div class="form">
					<form action="/userServlet" method="post">
						<input type="hidden" name="action" value="login">
						<label>用户名称：</label>
						<input class="itxt" type="text" placeholder="请输入用户名" autocomplete="off" tabindex="1" name="username" value="${requestScope.username}"/>
						<br />
						<br />
						<label>用户密码：</label>
						<input class="itxt" type="password" placeholder="请输入密码" autocomplete="off" tabindex="1" name="password" />
						<br />
						<br />
						<input type="submit" value="登录" id="sub_btn" />
					</form>
				</div>

			</div>
		</div>
	</div>
</div>
<div id="bottom">
			<span>
				叮叮书城.Copyright &copy;2015
			</span>
</div>
</body>

<script type="text/javascript">
	// 页面加载完成之后
	$(function () {
		// 给注册绑定单击事件
		$("#sub_btn").click(function () {
			// 验证用户名：必须由字母，数字下划线组成，并且长度为 5 到 12 位
			//1 获取用户名输入框里的内容
			var usernameText = $("#username").val();
			//2 创建正则表达式对象
			var usernamePatt = /^\w{5,12}$/;
//3 使用 test 方法验证
			if (!usernamePatt.test(usernameText)) {
//4 提示用户结果
				$("span.errorMsg").text("用户名不合法！");
				return false;
			}
// 验证密码：必须由字母，数字下划线组成，并且长度为 5 到 12 位
//1 获取用户名输入框里的内容
			var passwordText = $("#password").val();
//2 创建正则表达式对象
			var passwordPatt = /^\w{5,12}$/;
//3 使用 test 方法验证
			if (!passwordPatt.test(passwordText)) {
//4 提示用户结果
				$("span.errorMsg").text("密码不合法！");
				return false;
			}
// 验证确认密码：和密码相同
//1 获取确认密码内容
			var repwdText = $("#repwd").val();
//2 和密码相比较
			if (repwdText != passwordText) {
//3 提示用户
				$("span.errorMsg").text("确认密码和密码不一致！");
				return false;
			}




// // 邮箱验证：xxxxx@xxx.com
// //1 获取邮箱里的内容
// 	var emailText = $("#email").val();
// //2 创建正则表达式对象
// 	var emailPatt = /^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$/;
// //3 使用 test 方法验证是否合法
// 	if (!emailPatt.test(emailText)) {
// //4 提示用户
// 		$("span.errorMsg").text("邮箱格式不合法！");
// 		return false;
// 	}
// // 验证码：现在只需要验证用户已输入。因为还没讲到服务器。验证码生成。
// 	var codeText = $("#code").val();
// //去掉验证码前后空格
// 	alert("去空格前：["+codeText+"]")
// 	codeText = $.trim(codeText);
// 	alert("去空格后：["+codeText+"]")
// 	if (codeText == null || codeText == "") {
// //4 提示用户
// 		$("span.errorMsg").text("验证码不能为空！");
// 		return false;
// 	}
// 	$("span.errorMsg").text("");
		});
	});
</script>
</html>